<!DOCTYPE html>
<html>
    <head>
        <title>Qa</title>
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
        <%= csrf_meta_tags %>
        <%= csp_meta_tag %>
        <script src="https://cdn.drmedmk.com/cdn/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
        <script src="https://cdn.drmedmk.com/cdn/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://cdn.drmedmk.com/cdn/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="https://cdn.drmedmk.com/cdn/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdn.drmedmk.com/cdn/trix.css">

        <%= javascript_pack_tag 'application' %>
        <%= stylesheet_pack_tag 'application' %>
    </head>
    <body>

        <header>
            <%= render 'layouts/qa/nav' %>
        </header>

        <main role="main">
            <div class="row container-fluid" id='main'>
                <div class="qa-col col-6 col-md-2 qa-task-box" style='background: #E3E3E3'>
                    <%= render 'layouts/qa/task' %>
                </div>

                <div class="qa-col col-12 col-md-8" id='qa-main-box'>
                    <div class="container-fluid  py-2" >
                        <%= yield %>
                    </div>
                </div>
            </div>
        </main>

    </body>
</html>
